<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>实验室管理系统-物资管理</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/resourceManage.css">
  <script src="static/js/jquery-3.2.1.min.js" charset="utf-8"></script>
  <script src="static/js/LabManagerMainTools.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <div class="homepageContainer">
      <div class="homepageHeader">
        <div class="homeTitle">
          <h1>实验室管理系统</h1>
        </div>
        <div class="navBox">
          <ul class="navList">
            <li><a href="homepage.html">主页</a></li>
            <li><a href="personnalManagement.html">人员管理</a></li>
            <li class="liActive"><a href="resourceManage.html">物资管理</a></li>
            <li ><a href="setting.html">个人信息设置</a></li>
            <li><a href="javascript:;" onclick="loginOut();">登出</a></li>
          </ul>
        </div>
      </div>
      <div class="containerBox">
        <div class="application">
          <h4>物资申请</h4>
          <div class="applyTitle">
            <span class="applyUserId">申请人学号</span>
            <span class="applyThName">物资名</span>
            <span class="agreeApply">同意</span>
            <span class="refuseApply">拒绝</span>
          </div>
          <div class="applyList">
            <!-- <span class="applyUserId">5120152535</span>
            <span class="applyThName">显示器</span>
            <span class="agreeApply"><button class="applyBtn">同意</button></span>
            <span class="refuseApply"><button class="applyBtn">拒绝</button></span> -->
          </div>
        </div>
        <div class="borrowing">
          <div class="borrowtitle">
            <h4>已借物资</h4>
          </div>
          <div class="borrowInfoTitle">
            <span class="borrowUserId">申请人学号</span>
            <span class="borrowThName">物资名</span>
            <span class="borrowTime">借出日期</span>
            <span class="returnTime">归还日期</span>
            <span class="agreeBorrow">操作</span>
          </div>
          <div class="borrowInfoList">
            <span class="borrowUserId">5120152535</span>
            <span class="borrowThName">液晶显示器</span>
            <span class="borrowTime">2017-3-15</span>
            <span class="returnTime">2018-3-15</span>
            <span class="agreeBorrow"><button class="returnBtn">确认归还</button></span>
          </div>
        </div>
        <div class="unused">
          <h4>闲置物资</h4>
          <div class="unusedTitle">
            <span class="unusedThName">物资名</span>
            <span class="unusedThinfo">详细信息</span>
          </div>
          <div class="unusedList">
          </div>
        </div>
        <div class="unreturn">
          <h4>超期未还</h4>
          <div class="unreturnInfoTitle">
            <span class="unreturnUserId">申请人学号</span>
            <span class="unreturnThName">物资名</span>
            <span class="unreturnBTime">借出日期</span>
            <span class="unreturnRTime">归还日期</span>
            <span class="unreturnBorrow">操作</span>
          </div>
          <div class="unreturnInfoList">
            <span class="unreturnUserId">5120152535</span>
            <span class="unreturnThName">液晶显示器</span>
            <span class="unreturnBTime">2017-3-15</span>
            <span class="unreturnRTime">2018-3-15</span>
            <span class="unreturnBorrow"><button class="unreturnBtn">确认归还</button></span>
          </div>
        </div>
      </div>
    </div>
    <script src="static/js/resourceManage.js" charset="utf-8"></script>
</body>
</html>
